<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/22-小兔仙儿.css">
</head>

<body>
    <div class="container">
        <ul>
            <li>请先登录</li>
            <li>免费注册</li>
            <li>我的订单</li>
            <li>会员中心</li>
            <li>帮助中心</li>
            <li>在线客服</li>
            <li>手机版</li>
        </ul>
    </div>
    <div class="header">
        <div class="log"><img src="./image/xtx1.png" alt=""></div>
        <div class="nav">
            <ul>
                <li>首页</li>
                <li>生鲜</li>
                <li>美食</li>
                <li>餐厨</li>
                <li>电器</li>
                <li>居家</li>
                <li>洗护</li>
                <li>孕婴</li>
                <li>服装</li>
            </ul>
        </div>
        <div class="search">
            <input type="text" placeholder="搜一搜">
        </div>
        <div class="cart">🛒</div>
        <div class="cart-num">2</div>
    </div>
    <div class="banner">
        <div>
            <ul class="pic">
                <li><a href="#"><span>生鲜</span> &nbsp;&nbsp;水果 蔬菜</a><span>></span></li>
                <li><a href="#"><span>美食</span> &nbsp;&nbsp;面点 干果</a><span>></span></li>
                <li><a href="#"><span>餐厨</span> &nbsp;&nbsp;数码产品</a><span>></span></li>
                <li><a href="#"><span>电器</span> &nbsp;&nbsp;床品 四件套 被枕</a><span>></span></li>
                <li><a href="#"><span>居家</span> &nbsp;&nbsp;奶粉 玩具 辅食</a><span>></span></li>
                <li><a href="#"><span>洗护</span> &nbsp;&nbsp;洗发 洗护 美妆</a><span>></span></li>
                <li><a href="#"><span>孕婴</span> &nbsp;&nbsp;奶粉 玩具</a><span>></span></li>
                <li><a href="#"><span>服饰</span> &nbsp;&nbsp;女装 男装</a><span>></span></li>
                <li><a href="#"><span>杂货</span> &nbsp;&nbsp;户外 图书</a><span>></span></li>
                <li><a href="#"><span>品牌</span> &nbsp;&nbsp;品牌制造</a><span>></span></li>
            </ul>
            <div>
                <ul>
                    <li><img src="./image/xtx2.png" alt=""></li>
                    <li><img src="./image/xtx2.png" alt=""></li>
                    <li><img src="./image/xtx2.png" alt=""></li>
                </ul>
            </div>
            <ol>
                <li></li>
                <li></li>
                <li></li>
            </ol>
        </div>
    </div>
    <div class="xxhw">
        <div><span>
                <b>新鲜好物</b>新鲜出炉 品质靠谱
            </span><a href="#">查看全部></a></div>
        <ul>
            <li><img src="./image/xtx3.png" alt="">
                <div class="img-div">
                    <p>睿米无线吸尘器F8</p>
                    <p>￥899</p>

                </div>
            </li>
            <li><img src="./image/xtx4.png" alt="">
                <div class="img-div">
                    <p>只能环绕3D空调</p>
                    <p>￥1299</p>

                </div>
            </li>
            <li><img src="./image/xtx5.png" alt="">
                <div class="img-div">

                    <p>广东软软糯米煲仔饭</p>
                    <p>￥129</p>

                </div>
            </li>
            <li><img src="./image/xtx6.png" alt="">
                <div class="img-div">
                    <p>罗西机械智能手表</p>
                    <p>￥3399</p>

                </div>
            </li>
        </ul>
    </div>
    <div class="xxhw">
        <div><span>
                <b>人气推荐</b>人气爆款 不容错过 >
            </span></div>
        <ul>
            <li><img src="./image/xtx7.png" alt="">
                <div class="img-div">
                    <p>特惠推荐</p>
                    <p style="color: rgb(158, 158, 158);">我猜得到你的需要</p>

                </div>
            </li>
            <li><img src="./image/xtx8.png" alt="">
                <div class="img-div">
                    <p>爆款推荐</p>
                    <p style="color: rgb(158, 158, 158);">人气好物推荐</p>

                </div>
            </li>
            <li><img src="./image/xtx9.png" alt="">
                <div class="img-div">

                    <p>节日礼品一站买全</p>
                    <p style="color: rgb(158, 158, 158);">编辑尽心整理推荐</p>

                </div>
            </li>
            <li><img src="./image/xtx10.png" alt="">
                <div class="img-div">
                    <p>鲜花园艺</p>
                    <p style="color: rgb(158, 158, 158);">给生活增加仪式感</p>

                </div>
            </li>
        </ul>
    </div>
    <div class="rmpp">
        <div>&lt;</div>
        <div>&gt;</div>
        <div><span>
                <b>热门品牌</b>国际经典 品质认证
            </span></div>
        <ul>
            <li><a href="#"><img src="./image/xtx11.png" alt=""></a></li>
            <li><a href="#"><img src="./image/xtx12.png" alt=""></a></li>
            <li><a href="#"><img src="./image/xtx13.png" alt=""></a></li>
            <li><a href="#"><img src="./image/xtx14.png" alt=""></a></li>
            <li><a href="#"><img src="./image/xtx15.png" alt=""></a></li>
        </ul>
    </div>
    <div class="sx">
        <div class="top">
            <span><B>生鲜</B></span>
            <ul>
                <li>热门</li>
                <li>蔬菜</li>
                <li>肉禽蛋</li>
                <li>水果</li>
                <li>海鲜</li>
                <li>零食</li>
                <li>饮料</li>
            </ul>
            <a href="#">查看全部></a>
        </div>
        <div class="bottom">
            <div class="left">
                <a href="#"><img src="./image/xtx24.png" alt=""></a>
                <div class="big">
                    <div class="big-lelf">生鲜馆</div>
                    <div class="big-right">全场3件8折</div>
                </div>
            </div>
            <div class="right">
                <ul>
                    <li><a href="#"><img src="./image/xtx16.png" alt=""></a>
                        <div>
                            <div>
                                <h2>找相似</h2>发现更多宝贝
                            </div>
                            <p>双味千层，手抓饼烤肉组合</p>
                            <p>240g/袋 4片装</p>
                            <p>加热即食</p><span>￥89.99</span>
                        </div>
                    </li>
                    <li><a href="#"><img src="./image/xtx17.png" alt=""></a>
                        <div>
                            <div>
                                <h2>找相似</h2>发现更多宝贝
                            </div>
                            <p>云南甘蔗慢熬红糖馒头</p>
                            <p>220g/袋 5片装</p>
                            <p>加热即食</p><span>￥9.00</span>
                        </div>
                    </li>
                    <li><a href="#"><img src="./image/xtx18.png" alt=""></a>
                        <div>
                            <div>
                                <h2>找相似</h2>发现更多宝贝
                            </div>
                            <p>日式风味小圆饼</p>
                            <p>圆形【海盐味】</p>
                            <p>糖果零食</p><span>￥588.00</span>
                        </div>
                    </li>
                    <li><a href="#"><img src="./image/xtx19.png" alt=""></a>
                        <div>
                            <div>
                                <h2>找相似</h2>发现更多宝贝
                            </div>
                            <p>全麦奶油浓香小面包</p>
                            <p>50g*12袋</p>
                            <p>美味西点</p><span>￥69.00</span>
                        </div>
                    </li>
                    <li><a href="#"><img src="./image/xtx20.png" alt=""></a>
                        <div>
                            <div>
                                <h2>找相似</h2>发现更多宝贝
                            </div>
                            <p>秘制外皮五福摩提大福点心</p>
                            <p>150g/盒</p>
                            <p>美味西餐</p><span>￥39.99</span>
                        </div>
                    </li>
                    <li><a href="#"><img src="./image/xtx21.png" alt=""></a>
                        <div>
                            <div>
                                <h2>找相似</h2>发现更多宝贝
                            </div>
                            <p>水果面膜韩国蜂蜜柚子茶</p>
                            <p>240g/袋</p>
                            <p>休闲饮品</p><span>￥80.00</span>
                        </div>
                    </li>
                    <li><a href="#"><img src="./image/xtx22.png" alt=""></a>
                        <div>
                            <div>
                                <h2>找相似</h2>发现更多宝贝
                            </div>
                            <p>浓情比利时巧克力礼盒装</p>
                            <p>205克/盒</p>
                            <p>糖果零食</p><span>￥120.00</span>
                        </div>
                    </li>
                    <li><a href="#"><img src="./image/xtx23.png" alt=""></a>
                        <div>
                            <div>
                                <h2>找相似</h2>发现更多宝贝
                            </div>
                            <p>抹茶奶油小蛋糕礼盒装</p>
                            <p>220克/盒</p>
                            <p>美味西点</p><span>￥60.00</span>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <div class="zzzt">
        <div><span><b>最新专题</b></span><a href="#">查看更多></a></div>
        <ul>
            <li><a href="#"><img src="./image/xtx25.png" alt=""></a>
                <div class="h3">
                    <div class="h3-left">
                        <h3>吃这些美食才不算辜负自己</h3>餐厨起居洗护好物
                    </div>
                    <div class="h3-right">￥29.9起 </div>
                </div>
                <div class="like"><span>❤️1220 👁️1800</span><span>✉️246</span></div>
            </li>
            <li><a href="#"><img src="./image/xtx26.png" alt=""></a>
                <div class="h3">
                    <div class="h3-left">
                        <h3>吃这些美食才不算辜负自己</h3>餐厨起居洗护好物
                    </div>
                    <div class="h3-right">￥29.9起 </div>
                </div>
                <div class="like"><span>❤️1220 👁️1800</span><span>✉️246</span></div>
            </li>
            <li><a href="#"><img src="./image/xtx27.png" alt=""></a>
                <div class="h3">
                    <div class="h3-left">
                        <h3>吃这些美食才不算辜负自己</h3>餐厨起居洗护好物
                    </div>
                    <div class="h3-right">￥29.9起 </div>
                </div>
                <div class="like"><span>❤️1220 👁️1800</span><span>✉️246</span></div>
            </li>
        </ul>
    </div>
    <div class="foot">
        <div>
            <div class="foot-top">
                <ul>
                    <li>🎫价格亲民</li>
                    <li>🚗物流快捷</li>
                    <li>🛡️品质新鲜</li>
                    <li>🔙售后无忧</li>
                </ul>
            </div>
            <div class="foot-center">
                <div>
                    <dl>
                        <dt>购物指南</dt>
                        <dd><a href="#">购物流程</a></dd>
                        <dd><a href="#">支付方式</a></dd>
                        <dd><a href="#">售后规则</a></dd>
                    </dl>
                    <dl>
                        <dt>配送方式</dt>
                        <dd><a href="#">配送运费</a></dd>
                        <dd><a href="#">配送范围</a></dd>
                        <dd><a href="#">配送时间</a></dd>
                    </dl>
                    <dl>
                        <dt>关于我们</dt>
                        <dd><a href="#">平台规则</a></dd>
                        <dd><a href="#">联系我们</a></dd>
                        <dd><a href="#">问题反馈</a></dd>
                    </dl>
                    <dl>
                        <dt>售后服务</dt>
                        <dd><a href="#">售后政策</a></dd>
                        <dd><a href="#">退款说明</a></dd>
                        <dd><a href="#">取消订单</a></dd>
                    </dl>
                    <dl>
                        <dt>服务热线</dt>
                        <dd><a href="#">在线客服🎧</a></dd>
                        <dd><a href="#">客服电话 400-666-9999</a></dd>
                        <dd><a href="#">工作时间 周一至周五 9:00-18:00</a></dd>
                    </dl>

                </div>
                <div>
                    <div><img src="./image/xtx28.png" alt="">微信公众号</div>
                    <div><img src="./image/xtx28.png" alt="">app下载二维码</div>
                </div>
            </div>
            <div class="foot-bottom">
                <ul>
                    <li><a href="#">关于我们</a></li>
                    <li><a href="#">帮助中心</a></li>
                    <li><a href="#">售后服务</a></li>
                    <li><a href="#">配送与验收</a></li>
                    <li><a href="#">商务合作</a></li>
                    <li><a href="#">搜索推荐</a></li>
                    <li><a href="#">友情链接</a></li>
                </ul>
                <p>CoPyright © 小兔仙儿</p>
            </div>
        </div>
    </div>
    <!--广告-->
    <div class="gg">
        <div><span onclick="closegg()" class="close">X</span>
            <a href="https://dszk.youth.cn/qndxx/" target="_blank"><img src="./image/美女.avif" alt=""></a>
            <div class="div-gg">点击进入生活</div>
        </div>

    </div>
    <!--广告js-->
    <script>
        var gg = document.querySelector('.gg');//获取带个的元素。document.querySelectorAll('.gg')获取多个元素，返回的是List对象。
        function closegg() {
            gg.style.display = 'none';
        }
    </script>
</body>

</html>